<!DOCTYPE html>
<html>

<head>
	<meta name="viewport" http-equiv="Content-Type" content="width=device-width, initial-scale=1; charset=UTF-8">
	<link rel="stylesheet" href="css/amazeui.min.css"> 
	<script src="//s.amazeui.org/assets/2.x/js/jquery.min.js"></script>
	<script src="//cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
	<title>通知中心</title>
	<style type="text/css">
		#head{background-color:#eee;}
		.box{
		    width:100%; margin-top:10%; margin:auto; padding:5%;
		    height:40%; border:1px #111 solid;    position: relative;
		    left:50%; top:50%; 
		    display:none;       left: 0;  buttom:0;  z-index:1001;      
		     background-color: white;  
		}
		.box.show{display:block;} 
		.box .x{ font-size:18px; text-align:right; display:block;}
		.box input{width:80%; font-size:18px; margin-top:5%;}
	</style>
</head>
	
<body>

	<header data-am-widget="header" class="am-header am-header-default am-header-fixed">
	    <div class="am-header-left am-header-nav">
	        <a href="#doc-oc-demo1" data-am-offcanvas class="" >
	            <i class="am-header-icon am-icon-angle-left" style="font-size: 22px;"></i>
	        </a>
	    </div>
	    <h1 class="am-header-title">
	          	通知中心
	    </h1>
	</header>
	
	<div class="am-container">
		<div class="am-g" style="border-bottom: solid 1px rgba(0,0,0,0.18);margin-top: 10px;">
			<div class="am-u-sm-2">
				<a href="#doc-oc-demo1" data-am-offcanvas class="" >
	            	<i class="am-icon am-icon-comments" style="font-size: 22px;"></i>
	        	</a>			
			</div>
			<div class="am-u-sm-10" style="padding-left: 0px;">
				<p style="margin-bottom: 0px;">
					新回复：
					<span style="font-size: 10px;color: rgba(0,0,0,0.65);position: absolute;right: 10px;">
						02-07 17:04
					</span>
				</p>
				<p style="margin-top: 6px;font-size: 12px;">项目编号：111111111已生成等待维修</p>
			</div>
		</div>
		
		<div class="am-g" style="border-bottom: solid 1px rgba(0,0,0,0.18);margin-top: 10px;">
			<div class="am-u-sm-2">
				<a href="#doc-oc-demo1" data-am-offcanvas class="" >
	            	<i class="am-icon am-icon-comments" style="font-size: 22px;"></i>
	        	</a>			
			</div>
			<div class="am-u-sm-10" style="padding-left: 0px;">
				<p style="margin-bottom: 0px;">
					新回复：
					<span style="font-size: 10px;color: rgba(0,0,0,0.65);position: absolute;right: 10px;">
						02-07 17:04
					</span>
				</p>
				<p style="margin-top: 6px;font-size: 12px;">项目编号：111111111已生成等待维修</p>
			</div>
		</div>
		
	</div>

	
</body>
<script>
	$(function() {
		
	  $('select').selected({
	
	    maxHeight: '100px',
	    searchBox: '0'
	  });
	});
</script>